﻿.jumbotron {
    padding: $jumbotron-padding ($jumbotron-padding / 2);
    margin-bottom: $jumbotron-padding;
    color: $jumbotron-color;
    background-color: $jumbotron-bg;
    border-radius: $border-radius-lg;

    @include media-breakpoint-up(sm) {
        padding: ($jumbotron-padding * 2) $jumbotron-padding;
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}


.jumbotron {
    @each $name, $value in $theme-colors {
        $color: $value;
        $color-invert: color-yiq($value);

        &.jumbotron-#{$name} {
            background-color: $color;
            color: $color-invert;
        }
    }
}
